import axios from 'axios'
import router from '@/router'
import { Toast } from 'vant'
import { Message, Notification } from 'element-ui'
import { BASE_URL } from './baseUrl'

// 创建axios实例，对创建出的实例进行自定义配置（不会污染原始的axios实例）
const instance = axios.create({
  // 基础路径
  // 82.156.240.13：服务器ip地址
  // http://localhost:8888/sports：用于springboot中解决跨域问题
  // /api/sports：用于nginx中解决跨域问题 （nginx配置见nginx.conf）
  baseURL: BASE_URL.dev,
  timeout: 600000, // 等待响应的最长时间60秒
  headers: { Accept: '*/*' }
})

let loadingToast = null
let notify = null

// 自定义配置-请求/响应 拦截器
// 添加请求拦截器
instance.interceptors.request.use(
  async (config) => {
    // 在发送请求之前做些什么
    // 获取当前路径中包不包含/admin
    const path = router.currentRoute.path
    if (path.includes('/admin')) {
      // 添加全局加载动画
      notify = Notification({
        title: '请稍后',
        showClose: false,
        iconClass: 'el-icon-loading',
        duration: 0
      })
      const token = localStorage.getItem('a_t')
      if (token) {
        config.headers.adminToken = `${token}`
      }
    } else {
      // 添加全局加载动画
      loadingToast = Toast.loading({
        message: '加载中...',
        duration: 0, // 持续时间
        forbidClick: true, // 禁用背景点击
        loadingType: 'spinner' // 加载图标类型
      })
      const token = localStorage.getItem('u_t')
      if (token) {
        config.headers.userToken = `${token}`
      }
    }

    return config
  },
  (error) => {
    // 对请求错误做些什么
    if (loadingToast) {
      loadingToast.clear()
    }
    if (notify) {
      Notification.closeAll()
    }
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    const path = router.currentRoute.path
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么（默认axios会多包装一层data）
    const res = response.data
    // 所有无需返回msg的状态码都为24，token过期401
    if (res.msg !== '' && res.code !== 24 && res.code !== 401) {
      if (path.includes('/admin')) {
        Message.success(res.msg)
      } else {
        Toast.success(res.msg)
      }
    }
    // 在接收响应之后做些什么
    if (loadingToast) {
      loadingToast.clear()
    }
    if (notify) {
      Notification.closeAll()
    }
    return res
  },
  function (error) {
    if (loadingToast) {
      loadingToast.clear()
    }
    if (notify) {
      Notification.closeAll()
    }

    const path = router.currentRoute.path

    // 判断是否是请求超时
    if (error.code === 'ECONNABORTED') {
      if (path.includes('/admin')) {
        Message.error('请求超时')
      } else {
        Toast.fail('请求超时')
      }
    } else {
      if (path.includes('/admin')) {
        Message.error(error.response.data.msg)
      } else {
        Toast.fail(error.response.data.msg)
      }
    }

    // 获取后端返回封装的token错误状态码
    const errorCode = error.response.data.code
    if (errorCode === 10001) {
      // token无效,跳转到管理员登陆页面
      router.push('/admin/login')
      // 清除过期token
      localStorage.removeItem('a_t')
      // 清除用户数据
      localStorage.removeItem('a_u')
    } else if (errorCode === 10002) {
      // token无效,跳转到用户登陆页面
      router.push('/login')
      // 清除过期token
      localStorage.removeItem('u_t')
      // 清除用户数据
      localStorage.removeItem('u_u')
    }
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

// 到处配置好的实例
export default instance
